<template>
  <el-container>
    <el-header>
      <h1 class="username">945929939@qq.com</h1>
      <el-button type="text" icon="el-icon-setting" style="float: right"
        >Edit Profile Settings</el-button
      >
    </el-header>
    <el-main>
      <el-tabs type="card">
        <el-tab-pane label="我的文章" name="first">
          <el-card>
            <el-empty description="尚未有文章." />
          </el-card>
        </el-tab-pane>
        <el-tab-pane label="我点赞的文章" name="second">
          <el-card>
            <el-empty description="尚未有文章." />
          </el-card>
        </el-tab-pane>
      </el-tabs>
    </el-main>
  </el-container>
</template>

<style scoped>
/* 设置el-header样式 */
.el-header {
  background-color: hsl(103, 19%, 93%); /* 设置背景颜色 */
  height: 150px; /* 设置一个明确的高度，可以根据需要调整 */
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  font-size: 20px; /* 设置字体大小 */
}

/* 设置el-main样式 */
.el-main {
  padding-left: 10rem;
  padding-right: 10rem;
}
</style>